<#include "/common/template.ftl">
<@template csses=["studentLogin"] jses=["studentLogin"]>
	<div class="student_login">
		<div class="s_l_inner">
			<div class="s_l_title">
				<p>学生登陆</p>
			</div>
			<div class="s_l_form_area">
		    	<form class="form-horizontal form" action="${basePath}/login?studentOrTeacher=student" method="post">
		    		<#if loginError?exists && loginError == true>
		    			<label class="warningStr">你输入的用户名或密码有误，请重新登录！</label>
					</#if>
				 	<div class="control-group">
					    <label class="control-label s_l_label">用户名：</label>
					    <div class="controls">
					    	<input class="s_l_input" type="text" name="username">
					    	<h class="username_tip">请输入用户名或邮箱</h>
					    </div>
				  	</div>
				 	<div class="control-group">
					    <label class="control-label s_l_label">密码：</label>
					    <div class="controls">
					    	<input class="s_l_input" type="password" name="password">
					    </div>
				  	</div>
				  	<div class="control-group login_controls">
					    <div class="controls" >
						    <label class="checkbox">
					        	<input type="checkbox">下次自动登陆<a class="forget_pass" href="#">忘记密码？</a>
					     	</label>
					    	<button type="submit" class="btn btn-primary">立即登陆</button>
					    </div>
				  	</div>
				  	<hr class="s_l_hr"/>
				</form>
				
				<div class="no_register">
					<span>还没有视频答疑网账号？ 
						<a href="${basePath}/studentRegister">马上注册》</a>
					</span>
				</div>
				
				<div class="use_other_ways">
					<span>
						使用其他网站账户登陆视频答疑网：
					</span>
				</div>
				<div class="ways">
					<div class="social_media">
			    		<a id="qq" href="#"><img src="${basePath}/static/images/qq.png"></a> 
			    		<a class="social_media_text" id="qq_text" href="#">QQ号</a> 
					</div>
					<div class="social_media">
			    		<a id="renren" href="#"><img src="${basePath}/static/images/renren.png"></a> 
			    		<a class="social_media_text" id="renren_text" href="#">人人网账号</a> 
					</div>
					<div class="social_media">
			    		<a id="sina" href="#"><img src="${basePath}/static/images/sina.png"></a> 
			    		<a class="social_media_text" id="sina_text" href="#">新浪网账号</a> 
					</div>
					<div class="social_media">
			    		<a id="kaixin" href="#"><img src="${basePath}/static/images/kaixin.png"></a> 
			    		<a class="social_media_text" id="kaixin_text" href="#">开心网账号</a> 
					</div>
				</div>
		    </div>
		    
		    <div class="s_l_right_area">
				<div>
					<a href="#"><img src="${basePath}/static/images/pl_pic01.png"></a> 
				</div>
		    </div>
		</div>
	</div>
</@template>